@import '../global.less';
.btn {
  // width: 100px;
  padding: 8px 16px;
  border-width: 0px;
  cursor: pointer;
}

.primary {
  border-radius: 8px;
  // padding: 8px;
  background: @sslnui-primary;
  font-family: Source Han Sans CN;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  color: #ffffff;
  // transition: all ease-in-out 0.15s;

  &:hover {
    background: @sslnui-primary;
  }
}

.default {
  border-radius: 8px;
  // padding: 8px 14px;
  background: #f0f2f5;
  font-family: Source Han Sans CN;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  color: #5b667c;
  transition: all ease-in-out 0.15s;

  &:hover {
    color: #0e1420 !important;
  }
}

.link {
  outline: none;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  line-height: 1.5714285714285714;
  color: rgba(0, 0, 0, 0.88);
  color: @sslnui-primary;

  &:hover {
    color: @sslnui-primary;
  }
}

.danger {
  border-radius: 8px;
  // padding: 8px 14px;
  background: #ffffff;
  box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.07);
  font-family: Source Han Sans CN;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  color: #0e1420;
}

.disabled {
  cursor: not-allowed;
  border-radius: 8px;
  background: rgba(71, 92, 246, 0.4);

  &:hover {
    background: rgba(71, 92, 246, 0.4);
  }
}

.lg {
  width: 120px;
  height: 38px;
}

.sm {
  width: 100px;
}
